<template>
  <div id="left">
    <ul>
      <li v-for="project in subject">{{project}}</li>
    </ul>
    <year></year>
  </div>

</template>

<script>
  import year from '../year'


  export default{
    components:{
      year
    },
    data(){
      return {
        title:'',
        subject:[
          "博客分类",
          "javaScript",
          "HTML",
          "CSS",
          "心情"
        ]
      }
    },
    methods:{
    }
  }
</script>

<style scoped>
  #left{
    width:250px;
    position:absolute;
  }
 #left ul{
   margin-left:10px;
   width:250px;
   background-color: #fff8d8;
  }
  #left li:first-child{
    background-color:#fadeb6 ;
  }
  #left li {
  font-size: 18px;
  padding-left: 10px;
  width: 250px;
  height: 50px;
  line-height: 50px;
}
  #left li:hover{
    background-color: #fadeb6;
    cursor: pointer;
  }
</style>
